<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        html{
            font-size: 1rem;
        }
        #app16{
            height: 30rem;width: 30rem;background: pink;
        }
        p{
            width: 10rem;height: 10rem;background: blue;font-size: 2rem;color: red;
        }
        table{
            border: solid 1px red;
        }
        td{
            border: solid 1px red;
        }
    </style>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app16" >
    <span v-text="msg"></span>
    <div id="app17" v-html="html"></div>
</div>

</body>
<script>
    var app16=new Vue({
        el:'#app16',
        data:{
            msg:'Hello World',
            html:'<h1>你好，宝贝<h1><table>' +
            '<tr>' +
            '<td>练习1</td><td>练习2</td><td>练习3</td></tr>' +
            '<tr><td>练习4</td><td>练习5</td><td>练习6</td></tr>' +
            '</table>'
        }
    })
</script>
</html>
